<!--
 * @Description:
 * @Author: dh
 * @Date: 2021-08-19 17:18:39
 * @LastEditors: dh
 * @LastEditTime: 2022-07-07 09:50:37
-->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<style>
			.p1 {
				/* 将内容全部转小写 */
				text-transform: lowercase;
			}

			.p2 {
				/* 	将内容全部转大写 */
				text-transform: uppercase;
			}

			.p3 {
				/* 将内容全部转大写开头 */
				text-transform: capitalize;
			}
		</style>
		<p class="p1">
			Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias debitis laudantium dolore! Blanditiis ipsa rem tempore. Eius quae, expedita
			enim quod nesciunt veniam quo alias. Error cupiditate aspernatur cum earum!
		</p>
		<p class="p2">
			Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias debitis laudantium dolore! Blanditiis ipsa rem tempore. Eius quae, expedita
			enim quod nesciunt veniam quo alias. Error cupiditate aspernatur cum earum!
		</p>
		<p class="p3">
			Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias debitis laudantium dolore! Blanditiis ipsa rem tempore. Eius quae, expedita
			enim quod nesciunt veniam quo alias. Error cupiditate aspernatur cum earum!
		</p>
	</body>
</html>
